<template>
  <div>
    <ul v-for="lawDetailVO in lawData" class="list">
      <li style="float: left;font-weight: bold;color: #4e0200">·</li>
      <li style="float: left"><p class="list-wen" itemprop="title" @click="goToLawDetail('/detail')">
        {{ lawDetailVO.title }}</p></li>
      <li class="list_item">[{{ lawDetailVO.pubDate }}]</li>
    </ul>
  </div>
</template>
<script>

export default {
  data () {
    return {
      lawData: [
        {
          title: '中华人民共和国刑法',
          pubDate: '2020-06-08'
        },
        {
          title: '中华人民共和国民事诉讼法',
          pubDate: '2020-06-08'
        },
        {
          title: '中华人民共和国劳动法',
          pubDate: '2020-06-08'
        },
        {
          title: '中华人民共和国城市房地产管理法',
          pubDate: '2020-06-08'
        },
        {
          title: '公司法',
          pubDate: '2020-06-08'
        }
      ]
    }
  },
  methods: {
    goToLawDetail (title) {
      this.$router.push(title)
    }
  }
}
</script>
<style>
.list {
  border-bottom: 1px burlywood dotted;
  margin: 7px 15px;
  height: 45px;
  line-height: 40px;
}

.list_item {
  color: #b30000;
  float: right;
  margin-right: 10px;
}

.list-wen {
  color: #141414;
  font-size: 17px;
  width: 410px;
  cursor: pointer;
}
</style>
